<template>
  <div class="app-container ">
    <el-button class="qiandaoanniu grid-xs-7" type="primary" icon="el-icon-edit"  @click="updQiandao" circle >签到</el-button>
  </div>
</template>

<script>
import { qiandao } from '@/api/yggl/qdgl';

export default {
  name:"qiandao",
  data() {
    return {
      // total: 0,
      // paibandetailList:[],
      // isdetailday:false,
      open:false,
      title: "",
      // seldate: new Date(),
      // editform: {
      //   paibanname: "null"
      // },
      // list:[],
      // queryParams: {
      //   date: null,
      // },
      // queryParamsbyday: {
      //   date: null,
      //   pageNum:1,
      //   pageSize:5
      // },
    }
  },
  created() {
  },
  methods: {
    /** 提交按钮 */
    submitForm() {
    },
    updQiandao() {
      qiandao().then(response => {
        this.open = true;
        this.title = "签到";
        alert("签到成功！");
      });
    }
  }
}
</script>


<style lang="scss" scoped>

@media only screen and (max-width: 767px) {
    #container{
      width:768px;
    }
    .grid-xs-7{
      width:200px;
      height: 200px;
      text-align:center;
    }
  }


// 设备屏幕大于最大宽度767px时生效
@media only screen and (min-width: 767px) {
  .qiandaoanniu {
  background-color: #1083c6;
  width: 400px;
  height: 400px;
  border-radius: 400px 400px 400px 400px;
  color: white;
  text-align:center;
  line-height: 400px;
  font-size: 70px;
  user-select:none;
}
  .qiandaoanniu:hover {
  background-color: #005781;
  border: 2px solid white;
}
  }
</style>
